<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" style="" class=" js no-touch localstorage" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Web POS</title>
<meta name="description" content="Default Description">
<meta name="keywords" content="Magento, Varien, E-commerce">
<meta name="robots" content="INDEX,FOLLOW">
<script src="./templates/js/jquery-1.9.1.min.js"></script>
<script src="./templates/js/ecshop.js"></script>
<script src="./templates/js/yjmp.js"></script>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = 'http://demo.magestore.com/webpos/js/blank.html';
    var BLANK_IMG = 'http://demo.magestore.com/webpos/js/spacer.gif';
//]]>
</script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="./templates/css/default.css">
<link rel="stylesheet" type="text/css" href="./templates/css/demoheader.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/style.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/demotip.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/webpos23.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/jquery.mmenu.all.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/jquery-ui.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/jquery-ui-timepicker.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/orderlist.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/bootstrap.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/bootstrap2-toggle.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/login.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/webpos22.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/tinybox.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/rewardpoints.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/rewardpoints_new.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/webpos234.css" media="all">
<link rel="stylesheet" type="text/css" href="./templates/css/ecshop.css" media="all">
<script type="text/javascript" async="" src="about:blank"></script>
<script async="" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->
   <script src="./templates/js/bootstrap.min.js"></script>


<!--[if  (lte IE 8) & (!IEMobile)]>
<link rel="stylesheet" type="text/css" href="http://demo.magestore.com/webpos/skin/frontend/rwd/default/css/styles-ie8.css" media="all" />
<![endif]-->
<!--[if (gte IE 9) | (IEMobile)]><!-->

<!--<![endif]-->

<script type="text/javascript">/* Code removed by ScrapBook */</script>
<meta name="viewport" content="initial-scale=1.0, width=device-width">

<script type="text/javascript">/* Code removed by ScrapBook */</script>
<script type="text/javascript">/* Code removed by ScrapBook */</script>
<!--Google analytic by Harry-->
<script>/* Code removed by ScrapBook */</script>
<!--End Google analytic-->
<style src="text/css">
@keyframes xs{
    from {left: -100vw;}
    to {left: 100px;}
}

@-webkit-keyframes xs /* Safari 与 Chrome */
{
    from {left: -100vw;}
    to {left: 100px;}
}

   @keyframes yc{
    from {left: 100px;}
    to {left: -100vw;}
}

@-webkit-keyframes yc /* Safari 与 Chrome */
{
     from {left: 100px;}
     to {left: -100vw;}
}

.xs{
    
     animation: xs 1s;
    -webkit-animation: xs 1s; /* Safari 与 Chrome */
    animation-fill-mode : forwards;
   -webkit-animation-fill-mode : forwards ;
 
}

.yc{
   animation: yc 1s;
   -webkit-animation: yc 1s; /* Safari 与 Chrome */
          animation-fill-mode : forwards;
        -webkit-animation-fill-mode : forwards ;
}
  
.ys{

  color:red;
  
}  
    
</style>

<script type="text/javascript">
var result; //保存点击运算符之前输入框中的数值
var operator; //保存运算符
var isPressEqualsKey = false; //记录是否按下”=“键
//数字键事件
function connectionDigital(control)
{
var txt = document.getElementById('txtScream');
if(isPressEqualsKey)
{ 
txt.value = ""; //已进行过计算，则清空数值输入框重新开始
isPressEqualsKey = false;
}
//数值输入已经存在小数点,则不允许再输入小数点
if(txt.value.indexOf('.') > -1 && control.value == '.')
return false;
txt.value += control.value; //将控件值赋给数值输入框中
}
//退格键事件
function backspace()
{
var txt = document.getElementById('txtScream');
txt.value = txt.value.substring(0,txt.value.length - 1);
}
//ce键事件：清空数字输入框
function clearAll()
{
document.getElementById('txtScream').value = "";
result = "";
operator = "";
}
// +、-、*、/ 事件
function calculation(control)
{
//将运算符保存入全局变量中
operator = control.value; 
var txt = document.getElementById('txtScream');
if(txt.value == "")return false; //数值输入框中没有数字，则不能输入运算符
//将数值输入框中的值保存到计算表达式中
result = txt.value; 
//清空输入框，以待输入操作值
txt.value = ""; 
}
//计算结果
function getResult()
{
var opValue;
//计算表达式中存在运算符
var sourseValue = parseFloat(result);
var txt = document.getElementById('txtScream');
if(operator == '*')
opValue = sourseValue * parseFloat(txt.value);
else if(operator == '/')
opValue = sourseValue / parseFloat(txt.value);
else if(operator == '+')
opValue = sourseValue + parseFloat(txt.value);
else if(operator == '-')
opValue = sourseValue - parseFloat(txt.value);
txt.value = opValue;
isPressEqualsKey = true;
result = "";
opValue = "";
}
</script>




<script type="text/javascript">
   //添加购物车折扣计算器
var result1; //保存点击运算符之前输入框中的数值
var operator1; //保存运算符
var isPressEqualsKey1 = false; //记录是否按下”=“键
//数字键事件
function connectionDigital1(control1)
{
var txt1 = document.getElementById('txtScream1');
if(isPressEqualsKey1)
{ 
txt1.value = ""; //已进行过计算，则清空数值输入框重新开始
isPressEqualsKey1 = false;
}
//数值输入已经存在小数点,则不允许再输入小数点
if(txt1.value.indexOf('.') > -1 && control1.value == '.')
return false;
txt1.value += control1.value; //将控件值赋给数值输入框中
}
//退格键事件
function backspace1()
{
var txt1 = document.getElementById('txtScream1');
txt1.value = txt1.value.substring(0,txt1.value.length - 1);
}
//ce键事件：清空数字输入框
function clearAll1()
{
document.getElementById('txtScream1').value = "";
result1 = "";
operator1 = "";
}
// +、-、*、/ 事件
function calculation1(control1)
{
//将运算符保存入全局变量中
operator1 = control1.value; 
var txt1 = document.getElementById('txtScream1');
if(txt1.value == "")return false; //数值输入框中没有数字，则不能输入运算符
//将数值输入框中的值保存到计算表达式中
result1 = txt1.value; 
//清空输入框，以待输入操作值
txt1.value = ""; 
}
//计算结果
function getResult1()
{
var opValue1;
//计算表达式中存在运算符
var sourseValue1 = parseFloat(result1);
var txt1 = document.getElementById('txtScream1');
if(operator1 == '*')
opValue1 = sourseValue1 * parseFloat(txt1.value);
else if(operator1 == '/')
opValue1 = sourseValue1 / parseFloat(txt1.value);
else if(operator1 == '+')
opValue1 = sourseValue1 + parseFloat(txt1.value);
else if(operator1 == '-')
opValue1 = sourseValue1 - parseFloat(txt1.value);
txt1.value = opValue1;
isPressEqualsKey1 = true;
result1 = "";
opValue1 = "";
}
</script>

<script>
    function menuClick(el) {
     
    if (el.id != '') {
        
         if (el.id == 'checkout') {
            var menuobj= document.getElementById(el.id);
            showActiveMenu(menuobj);
        /*逻辑部分*/
        document.getElementById("settings_area").style.display="none";
        document.getElementById("settings_area").style.zIndex=1;
        
        
        document.getElementById("reports_area").style.display="none";
        document.getElementById("reports_area").style.zIndex=1;
        
                
        document.getElementById("cashdrawer_area").style.display="none";
        document.getElementById("cashdrawer_area").style.zIndex=1;
        
                        
        document.getElementById("orders_area").style.display="none";
        document.getElementById("orders_area").style.zIndex=1;
        
        document.getElementById("holded_orders_section").style.display="none";
        document.getElementById("holded_orders_section").style.zIndex=1;
        
        document.getElementById("holded_orders_section").style.display="none";
        document.getElementById("holded_orders_section").style.zIndex=1;
         $('.box-logout').hide();
       

      }

        
        if (el.id == 'orders') {
     var menuobj= document.getElementById(el.id);
           showActiveMenu(menuobj);
           var orders_area_obj=document.getElementById("orders_area");
       orders_area_obj.style.background="#fff";
       orders_area_obj.style.display="block";
       orders_area_obj.style.zIndex=12;

       $('#settings_area').hide();
        }
      
      if (el.id == 'holded_orders') {
          var menuobj= document.getElementById(el.id);
           showActiveMenu(menuobj);
       /*逻辑部分*/
      var orders_area_obj=document.getElementById("orders_area").style.display="none";
       
          var holded_orders_section=document.getElementById("holded_orders_section");
         
          holded_orders_section.style.display="block";
          //holded_orders_section.style.width="388px";
          $('#cashdrawer_area').hide();

      }
      
       if (el.id == 'cash_drawer') {
           
           var menuobj= document.getElementById(el.id);
           showActiveMenu(menuobj);
           var cashdrawer_area=document.getElementById("cashdrawer_area");
          cashdrawer_area.style.display="block";
           //cashdrawer_area.style.width="388px";
             cashdrawer_area.style.zIndex=12;
              cashdrawer_area.style.left="100px";
                cashdrawer_area.style.top=0;

              $('#orders_area').hide();
              $('#reports_area').hide();

      }
      
      if (el.id == 'reports') {
           
           var menuobj= document.getElementById(el.id);
           showActiveMenu(menuobj);
           var reports_area=document.getElementById("reports_area");
          reports_area.style.display = "block";
          reports_area.style.zIndex = 12;
          reports_area.style.left="99px";
          //reports_area.style.width="388px";

          $('#settings_area').hide();
          
      }
      
          if (el.id == 'settings') {
           
           var menuobj= document.getElementById(el.id);
           showActiveMenu(menuobj);
           var settings_area_obj=document.getElementById("settings_area");
            settings_area_obj.style.display="block";
            settings_area_obj.style.zIndex = 12;
            settings_area_obj.style.left="99px";
            settings_area_obj.style.background="#fff";

           $('#reports_area').hide();
           $('#cashdrawer_area').hide();
           $('#holded_orders_section').hide();
      }
      

  }
}
    
 
function showActiveMenu(obj){
    var buts=getClassNames("menu_item","li");
    for(var i=1;i< buts.length;i++){
        var classVal = buts[i].getAttribute("class");
        classVal = classVal.replace("menuactive","");
        buts[i].setAttribute("class",classVal );
               
     }
       
    var classVal= obj.getAttribute("class");
    classVal = classVal.concat(" menuactive");
    obj.setAttribute("class",classVal );
    
}
function myyc(obj){
    var classVal=obj.getAttribute("class");
    if(!/yc/.test(classVal)){
    classVal = classVal.replace(/ xs/g, "");
    classVal = classVal.concat(" yc"); 
    obj.setAttribute("class",classVal );
    }         
  
    
}
function myxs(obj){
     var classVal=obj.getAttribute("class");

    classVal = classVal.replace(/ yc/g, "");

    classVal = classVal.concat(" xs"); 

    obj.setAttribute("class",classVal );
   
}
function orders_areatoggle(obj){
 
    var classVal=obj.getAttribute("class");
    if(/show/.test(classVal)){
             if(!/yc/.test(classVal)){
            /*隐藏处理*/
               classVal = classVal.replace(/ show showing xs/, "");
                 classVal = classVal.concat(" yc"); 
               obj.setAttribute("class",classVal );
               }
           }else{
              /*显示代码*/    
              
              classVal = classVal.replace(/ yc/g, "");
            
              classVal = classVal.concat(" show showing xs"); 
             
              obj.setAttribute("class",classVal );
              obj.style.background="#fff";
              obj.style.zIndex=13;

           }
    
}
function checkoutToggle(obj){
    var classVal=obj.getAttribute("class");
    
    /*if(classVal==""){


    }*/
    
}

//弹出规格框
  function checkgg(goodsId){
      
   document.getElementById(goodsId+"_options_popup").style.display="block";
   document.getElementById("webpos_overlay").style.display="block";

  }




function showhideToggle(){
    
    var objs=getClassNames("box-logout","div");
  
    objs[0].style.display="block";
  document.getElementById("settings_area").style.display="none";
  
  
  
}

function hideBoxLogout(){
    
    var objs=getClassNames("box-logout","div");
  
    objs[0].style.display="none";
}
     //hjl  切换属相值显示
     function showProductOptions(id ,name){
       
      var objs1=getClassNames("420_options_label option_active","li");
           
        for(var j=0;j<objs1.length;j++){
        var classVal2=objs1[j].getAttribute("class");
      classVal2 = classVal2.replace("option_active","");
            objs1[j].setAttribute("class",classVal2);

       
     }
    var id2=id+"_"+name;
    
      var classVal3=document.getElementById(id2).getAttribute("class");
    
    classVal3 = classVal3.concat(" option_active");
       document.getElementById(id2).setAttribute("class",classVal3 );
   
   
     
       var cid= id+"_"+name+"_values";
     
     var className=id+"_option_values";
       var objs=getClassNames(className,"ul");
     
     for(var i=0;i<objs.length;i++){
        var classVal=objs[i].getAttribute("class");
      
        if(!/hide/.test(classVal)){
         classVal = classVal.concat(" hide");
              objs[i].setAttribute("class",classVal );
      
      }
     }
    
    var classVal1=document.getElementById(cid).getAttribute("class");
    classVal1 = classVal1.replace("hide","");
       document.getElementById(cid).setAttribute("class",classVal1 );
    
    
    
   }
 function getClassNames(classStr,tagName){ 
          if (document.getElementsByClassName) { 
            return document.getElementsByClassName(classStr) 
            }else { 
            var nodes = document.getElementsByTagName(tagName),ret = []; 
            for(i = 0; i < nodes.length; i++) { 
            if(hasClass(nodes[i],classStr)){ 
            ret.push(nodes[i]) 
            } 
            } 
            return ret; 
            } 
          } 
  
</script>


</head>
<body class=" webpos-index-index">
<!-- {if $act eq 'idx'} -->
<div id="ld_content_general">
<div class="content-general setting-content" id="content_general">
            <h2 class="title">Automatically log out after a period of inactivity</h2>
            <form class="content-box" method="" action="">                
                <div class="box box1">
                    <div class="check check1">                    
                        <input class="hide" type="checkbox">
                        <label>2 Minutes</label>
                        <span class="checkicon " id="2" logout="2"></span>
                    </div>
                    <div class="check check2">                    
                        <input class="hide" type="checkbox">
                        <label>5 Minutes</label>
                        <span class="checkicon " id="5" logout="5"></span>
                    </div>
                    <div class="check check3">                    
                        <input class="hide" type="checkbox ">
                        <label>10 Minutes </label>
                        <span class="checkicon " id="10" logout="10"></span>
                    </div>
                    <div class="check check4">                    
                        <input class="hide" type="checkbox">
                        <label>15 Minutes</label>
                        <span class="checkicon " id="15" logout="15"></span>
                    </div>
                    <div class="check check5">                    
                        <input class="hide" type="checkbox">                        
                        <label>Never</label>
                        <span class="checkicon glyphicon glyphicon-ok haschoose" id="0" logout="0"></span>
                    </div>                    
                </div>                           
            </form>
                            <h2 class="title">Flush cache in local storage</h2>
                <div id="flush_cache">
                    <button id="change_session">Reload Data</button>
                </div>
                    </div>
</div>
<!-- {/if} -->

<!-- {if $act  eq 'edit_profile'} -->
 <div class="content-myaccount" id="content_account">
            <form action="" id="editUserInfo">
                <h2 class="title">Account Information</h2>              
                <div class="account-information">
                    <div class="box">
                        <label>Display Name</label>
                        <input name="firstname" id="username" class="form-control input-text" placeholder="Name" value="{if $display_name}{$display_name}{/if}" type="text">
                    </div>
                    <div class="box last">
                        <label>Email Address</label>
                        <input name="emailaddress" id="emailaddress" class="form-control input-text" placeholder="Email" value="{if $email}{$email}{/if}" type="text">
                    </div>
                    <input name="userid" id="userid" value="3" type="text" hidden="hidden">
                </div>
                <h2 class="title">Change Password</h2>
                <div class="change-password">
                    <div class="box">
                        <label>Old Password</label>
                        <input name="oldpassword" class="form-control input-text" placeholder="Password" id="oldpassword" type="password">
                    </div>
                    <div class="box">
                        <label>New Password</label>
                        <input name="newpassword" class="form-control input-text" placeholder="Password" id="newpassword" type="password">
                    </div>
                    <div class="box last">
                        <label>Confirmation</label>
                        <input name="confirmpassword" class="form-control input-text" placeholder="Retype New Password" id="confirmpassword" type="password">
                    </div>
                </div>
            </form>

            <div id="permissionInfo">
                <h2 class="title">Role Information</h2>
                <div class="permission-information">
                    <div class="box">
                        <label>Role: </label>
                        <span>Admin</span>
                    </div>
                    <div class="box last box-permission">
                        <label id="box-permission" class="form-control">
                            <span>Permission: </span>
                        </label>
                        
                        <span id="list-permission" style="clear: both;"><p>All Permissions</p></span>
                    </div>
                </div>
            </div>
            <button id="change_profile">提交</button>
        </div>
<!-- {/if} -->

<!-- {if $act  eq 'cash_drawer'} -->
<div id="cashdrawer_area" class="col-lg-7 col-md-7 col-sm-7 col-xs-7 col_left setting-right" style=" width:770px;">
            <div id="cashdrawer_section_loader" class="webpos_popup_loader">
                <div class="img-ajax"></div>
            </div>
            <div class="top-content">
                <div class="title-page col-lg-12 col-md-12 col-sm-12 col-xs-12 title-general">
                    <h2>Cash Drawer Management</h2>
                </div>
            </div>
            <div class="clear"></div>
            <div class="content" id="cashdrawer_grid">
                <div id="manual_transfer">
                    <p class="label">Other Transactions:</p>

                    <p class="cash-amount">
                        <input id="transaction_amount" name="transaction_amount" placeholder="Cash Amount" value="" class="txt_amount" type="text" onfocus="transactionInputAmountOnfocus();">
                    </p>

                    <p class="cash-type">
                        <select size="1" name="transaction_type" id="transaction_type" class="control">
                            <option value="1">Cash In</option>
                            <option value="2">Cash Out</option>
                        </select>
                    </p>
                    <p class="control">
                        <button type="button" value="Submit" id="transaction_submit" onclick="update_cash_drawer()"><span>Submit</span></button>
                    </p>
                    <div id="current_balance_line">
                        <div class="balance_wrapper">
                            <div id="current_balance_loader" class="webpos_popup_loader">
                                <div class="img-ajax"></div>
                            </div>
                            <div class="label"> Current Balance</div>
                            <span class="current_balance">{$crt_balance}</span>
                            <span class="current_balance_fake"></span>
                        </div>
                    </div>

                    <div class="clear"></div>
                </div>
                <div class="clear"></div>

                <div style="clear: both; font-size: 11px;">
                    <span style="display: none; color: green;" id="transaction_saved"> </span>
                    <span style="display: none; color: red;" id="transaction_not_saved"> </span>
                </div>
                <div id="transaction_note_wapper">
                    <textarea name="transaction_note" id="transaction_note" placeholder="Note"></textarea>
                    <a href="#clear" id="transaction_note_clear" onclick="transactionClearBox();">Clear</a>
                </div>
                <div class="tran-list">
                    <div id="transaction_grid" style="max-height: 442px;">
                      
                      <table id="transaction_table" class="table-bordered webpos_bordered_table">
    <thead>
        <tr>
            <th>Time Stamp</th>
            <th>In</th>
            <th>Out</th>
            <th>Balance</th>
            <th>Order ID</th>
            <th>Cashier</th>
            <th>Location</th>
            <th>Note</th>
        </tr>
    </thead>
    <tbody>
 <!-- {foreach from=$cash_drawer item=item} -->
    <tr>
        <td>{$item.add_time}</td>
        <td>{$item.in_come}</td>
        <td>{$item.out_come}</td>
        <td>{$item.balance}</td>
        <td>{$item.order_id}</td>
        <td>{$item.cashier}</td>
        <td>{$item.location}</td>
        <td>{$item.note}</td>
    </tr>
    <!-- {/foreach} -->
    </tbody>
</table>
                    </div>
                    <div class="bottom_control">
                        <button type="button" class=""  id="cdexport">
                            Export Data  

                         </button>
                        <div class="clear"></div>
                        <div id="transaction_export" class="collapse out">
                            <a title="Excel" href="idx.php?act=exprot_excel"><img src="./templates/images/xls.png"></a>
                            <a title="PDF" href="#"><img src="./templates/images/pdf.png"></a>
                            <a title="CSV" href="#"><img src="./templates/images/csv.png"></a>
                            <a title="Doc" href="#"><img src="./templates/images/word.png"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<!-- {/if} -->
</body>
</html>
